<script setup>
const props = defineProps({
  // form数组
  titleName: {
    type: String,
    default: "",
  },
});
</script>
<template>
  <div class="flex align-items-center">
    <!-- <img src="@/assets/images/form_title.png" alt="" class="img" /> -->
    <div class="icon-view">
      <div class="icon-view-on"></div>
    </div>
    <div class="title_name">{{ titleName }}</div>
  </div>
</template>

<style lang="less" scoped>
.img {
  height: 14px;
  width: 14px;
}
.title_name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
}
.icon-view{
  position: relative;
  width: 14px;
  height: 14px;
  &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 10px;
      border-radius: 2px;
      background-color: #10E7F9; 
  }
  .icon-view-on{
      position: absolute;
      bottom: 0;
      right: 0;
      width: 10px;
      height: 10px;
      border-radius: 2px;
      background-color: #3480FF; /* 背景色 */
  }
}
</style>
